<template>
  <f-table-plan
    :height="435"
    :pagerConfig="pagerConfig"
    :query="query"
    :columns="columns"></f-table-plan>
</template>
<script lang="ts" setup>
import { reactive, ref } from 'vue';

const data = [
  {
    id: '1806251295752663040',
    url: 'upload/20240627/cd92df6c4f494f30b1c91f740a68a1e9.png',
    fileType: {
      code: 'IMAGE',
      desc: '图片'
    },
    suffix: 'png',
    sourceName: '病案管理',
    bizType: {
      code: '1',
      desc: '患者标签'
    },
    createTime: '2024-06-27 17:00:42'
  },
  {
    id: '1806251293747785728',
    url: 'upload/20240627/606211f38bda45479fc64293a9634881.png',
    fileType: {
      code: 'IMAGE',
      desc: '图片'
    },
    suffix: 'png',
    sourceName: '临床路径',
    bizType: {
      code: '1',
      desc: '患者标签'
    },
    createTime: '2024-06-27 17:00:41'
  },
  {
    id: '1806251295169654784',
    url: 'upload/20240627/4ff728afb60b41519e6d5df70985715a.png',
    fileType: {
      code: 'IMAGE',
      desc: '图片'
    },
    suffix: 'png',
    sourceName: '病历质控',
    bizType: {
      code: '1',
      desc: '患者标签'
    },
    createTime: '2024-06-27 17:00:41'
  },
  {
    id: '1806251294167216128',
    url: 'upload/20240627/bf499b2c9f4142afbf92c5bc32c1528f.png',
    fileType: {
      code: 'IMAGE',
      desc: '图片'
    },
    suffix: 'png',
    sourceName: '护理管理',
    bizType: {
      code: '1',
      desc: '患者标签'
    },
    createTime: '2024-06-27 17:00:41'
  },
  {
    id: '1806248726863097856',
    url: 'upload/20240627/739b511145784bdbbfb6bf9d27779858.png',
    fileType: {
      code: 'IMAGE',
      desc: '图片'
    },
    suffix: 'png',
    sourceName: '临床路径',
    bizType: {
      code: '3',
      desc: '系统图标'
    },
    createTime: '2024-06-27 16:50:29'
  },
  {
    id: '1806248727664209920',
    url: 'upload/20240627/1c9451fa0eb744f9a4af896110ce8f9b.png',
    fileType: {
      code: 'IMAGE',
      desc: '图片'
    },
    suffix: 'png',
    sourceName: '病案管理',
    bizType: {
      code: '3',
      desc: '系统图标'
    },
    createTime: '2024-06-27 16:50:29'
  },
  {
    id: '1806248727446106112',
    url: 'upload/20240627/c4bb043bab1641ffa0517524d77b3dae.png',
    fileType: {
      code: 'IMAGE',
      desc: '图片'
    },
    suffix: 'png',
    sourceName: '病历质控',
    bizType: {
      code: '3',
      desc: '系统图标'
    },
    createTime: '2024-06-27 16:50:29'
  },
  {
    id: '1806248727190253568',
    url: 'upload/20240627/c963164b04de4e0c9016449896ed441a.png',
    fileType: {
      code: 'IMAGE',
      desc: '图片'
    },
    suffix: 'png',
    sourceName: '护理管理',
    bizType: {
      code: '3',
      desc: '系统图标'
    },
    createTime: '2024-06-27 16:50:29'
  },
  {
    id: '1806248627885912064',
    url: 'upload/20240627/5a317318168e459abb9a6f1a7327244c.png',
    fileType: {
      code: 'IMAGE',
      desc: '图片'
    },
    suffix: 'png',
    sourceName: '中药房',
    bizType: {
      code: '3',
      desc: '系统图标'
    },
    createTime: '2024-06-27 16:50:06'
  },
  {
    id: '1806248630201167872',
    url: 'upload/20240627/22d73eaa5bdb4d1b9d14f13b4df19df5.png',
    fileType: {
      code: 'IMAGE',
      desc: '图片'
    },
    suffix: 'png',
    sourceName: '后勤物资库',
    bizType: {
      code: '3',
      desc: '系统图标'
    },
    createTime: '2024-06-27 16:50:06'
  },
  {
    id: '1806248630029201408',
    url: 'upload/20240627/4792e0638ad94b7ba8094515a9aa3c66.png',
    fileType: {
      code: 'IMAGE',
      desc: '图片'
    },
    suffix: 'png',
    sourceName: '门诊西药房',
    bizType: {
      code: '3',
      desc: '系统图标'
    },
    createTime: '2024-06-27 16:50:06'
  },
  {
    id: '1806248629848846336',
    url: 'upload/20240627/31b08cb32b284e66b349e23a4721e04d.png',
    fileType: {
      code: 'IMAGE',
      desc: '图片'
    },
    suffix: 'png',
    sourceName: '配液中心',
    bizType: {
      code: '3',
      desc: '系统图标'
    },
    createTime: '2024-06-27 16:50:06'
  },
  {
    id: '1806248629660102656',
    url: 'upload/20240627/f45d9d448c674b69b053051bef797cd4.png',
    fileType: {
      code: 'IMAGE',
      desc: '图片'
    },
    suffix: 'png',
    sourceName: '设备管理',
    bizType: {
      code: '3',
      desc: '系统图标'
    },
    createTime: '2024-06-27 16:50:06'
  },
  {
    id: '1806248629416833024',
    url: 'upload/20240627/220f42d79b2648be8f31fdd9676eaea6.png',
    fileType: {
      code: 'IMAGE',
      desc: '图片'
    },
    suffix: 'png',
    sourceName: '卫生材料库',
    bizType: {
      code: '3',
      desc: '系统图标'
    },
    createTime: '2024-06-27 16:50:06'
  },
  {
    id: '1806248629228089344',
    url: 'upload/20240627/c63254da7b084805b213977f4f7d57a7.png',
    fileType: {
      code: 'IMAGE',
      desc: '图片'
    },
    suffix: 'png',
    sourceName: '西药房',
    bizType: {
      code: '3',
      desc: '系统图标'
    },
    createTime: '2024-06-27 16:50:06'
  },
  {
    id: '1806248629009985536',
    url: 'upload/20240627/fe9f043729894734a4b7652b100410e9.png',
    fileType: {
      code: 'IMAGE',
      desc: '图片'
    },
    suffix: 'png',
    sourceName: '西药库',
    bizType: {
      code: '3',
      desc: '系统图标'
    },
    createTime: '2024-06-27 16:50:06'
  },
  {
    id: '1806248628242427904',
    url: 'upload/20240627/bf9fa81d8d9745e7be7a37809a208545.png',
    fileType: {
      code: 'IMAGE',
      desc: '图片'
    },
    suffix: 'png',
    sourceName: '消毒供应',
    bizType: {
      code: '3',
      desc: '系统图标'
    },
    createTime: '2024-06-27 16:50:06'
  },
  {
    id: '1806248627273543680',
    url: 'upload/20240627/80870686c64e486e95097e1cd31d2fa6.png',
    fileType: {
      code: 'IMAGE',
      desc: '图片'
    },
    suffix: 'png',
    sourceName: '住院西药房',
    bizType: {
      code: '3',
      desc: '系统图标'
    },
    createTime: '2024-06-27 16:50:05'
  },
  {
    id: '1806248627630059520',
    url: 'upload/20240627/ebdf3140935d41f698f3dce3031eb35a.png',
    fileType: {
      code: 'IMAGE',
      desc: '图片'
    },
    suffix: 'png',
    sourceName: '中药库',
    bizType: {
      code: '3',
      desc: '系统图标'
    },
    createTime: '2024-06-27 16:50:05'
  },
  {
    id: '1806248552522657792',
    url: 'upload/20240627/f48cfd827c8948178ae5fb5b500cc418.png',
    fileType: {
      code: 'IMAGE',
      desc: '图片'
    },
    suffix: 'png',
    sourceName: '输血系统',
    bizType: {
      code: '3',
      desc: '系统图标'
    },
    createTime: '2024-06-27 16:49:48'
  },
  {
    id: '1806248553646731264',
    url: 'upload/20240627/2dac8319606e4365a204d3158273d3c2.png',
    fileType: {
      code: 'IMAGE',
      desc: '图片'
    },
    suffix: 'png',
    sourceName: '互联网医生站',
    bizType: {
      code: '3',
      desc: '系统图标'
    },
    createTime: '2024-06-27 16:49:48'
  },
  {
    id: '1806248553395073024',
    url: 'upload/20240627/1510c21e8b9146418d393316ba32f783.png',
    fileType: {
      code: 'IMAGE',
      desc: '图片'
    },
    suffix: 'png',
    sourceName: '护士分诊',
    bizType: {
      code: '3',
      desc: '系统图标'
    },
    createTime: '2024-06-27 16:49:48'
  },
  {
    id: '1806248553172774912',
    url: 'upload/20240627/7c4cf7bc903940a59eb78279bcb7775b.png',
    fileType: {
      code: 'IMAGE',
      desc: '图片'
    },
    suffix: 'png',
    sourceName: '急诊医生站',
    bizType: {
      code: '3',
      desc: '系统图标'
    },
    createTime: '2024-06-27 16:49:48'
  },
  {
    id: '1806248552988225536',
    url: 'upload/20240627/fa89b00a2fe74b548dca65eb20263a75.png',
    fileType: {
      code: 'IMAGE',
      desc: '图片'
    },
    suffix: 'png',
    sourceName: '门诊护士站',
    bizType: {
      code: '3',
      desc: '系统图标'
    },
    createTime: '2024-06-27 16:49:48'
  },
  {
    id: '1806248552765927424',
    url: 'upload/20240627/f7bdc38d86f8445cac9604929f8c6ce8.png',
    fileType: {
      code: 'IMAGE',
      desc: '图片'
    },
    suffix: 'png',
    sourceName: '门诊医生站',
    bizType: {
      code: '3',
      desc: '系统图标'
    },
    createTime: '2024-06-27 16:49:48'
  },
  {
    id: '1806248552254222336',
    url: 'upload/20240627/94d3b98ee67f4e0884c79f0149e8b04a.png',
    fileType: {
      code: 'IMAGE',
      desc: '图片'
    },
    suffix: 'png',
    sourceName: '住院医生站',
    bizType: {
      code: '3',
      desc: '系统图标'
    },
    createTime: '2024-06-27 16:49:47'
  },
  {
    id: '1806248264088760320',
    url: 'upload/20240627/9052226aac444624aa06bce44b2af2fb.png',
    fileType: {
      code: 'IMAGE',
      desc: '图片'
    },
    suffix: 'png',
    sourceName: '住院管理工作站',
    bizType: {
      code: '3',
      desc: '系统图标'
    },
    createTime: '2024-06-27 16:48:39'
  },
  {
    id: '1806248265732927488',
    url: 'upload/20240627/b49c5922aca5478185926db2729d66f1.png',
    fileType: {
      code: 'IMAGE',
      desc: '图片'
    },
    suffix: 'png',
    sourceName: '财务工作站',
    bizType: {
      code: '3',
      desc: '系统图标'
    },
    createTime: '2024-06-27 16:48:39'
  },
  {
    id: '1806248265535795200',
    url: 'upload/20240627/1ce83f79d0d0492baae24edd21e26ceb.png',
    fileType: {
      code: 'IMAGE',
      desc: '图片'
    },
    suffix: 'png',
    sourceName: '互联网服务',
    bizType: {
      code: '3',
      desc: '系统图标'
    },
    createTime: '2024-06-27 16:48:39'
  },
  {
    id: '1806248265321885696',
    url: 'upload/20240627/20b813d55fa94c009747abeb671f65f2.png',
    fileType: {
      code: 'IMAGE',
      desc: '图片'
    },
    suffix: 'png',
    sourceName: '门诊挂号',
    bizType: {
      code: '3',
      desc: '系统图标'
    },
    createTime: '2024-06-27 16:48:39'
  },
  {
    id: '1806248265070227456',
    url: 'upload/20240627/fd7378608ea24103ba10006322ed435f.png',
    fileType: {
      code: 'IMAGE',
      desc: '图片'
    },
    suffix: 'png',
    sourceName: '门诊收费',
    bizType: {
      code: '3',
      desc: '系统图标'
    },
    createTime: '2024-06-27 16:48:39'
  },
  {
    id: '1806248264814374912',
    url: 'upload/20240627/8f87193d55064ad58f3b5b284fcb3edf.png',
    fileType: {
      code: 'IMAGE',
      desc: '图片'
    },
    suffix: 'png',
    sourceName: '门诊综合工作站',
    bizType: {
      code: '3',
      desc: '系统图标'
    },
    createTime: '2024-06-27 16:48:39'
  },
  {
    id: '1806248264533356544',
    url: 'upload/20240627/4dcb0059da3b4ab5be7659090fdf3139.png',
    fileType: {
      code: 'IMAGE',
      desc: '图片'
    },
    suffix: 'png',
    sourceName: '医保工作',
    bizType: {
      code: '3',
      desc: '系统图标'
    },
    createTime: '2024-06-27 16:48:39'
  },
  {
    id: '1806217401342963712',
    url: 'excel/20240627/bb014e07c1c34bdfbfbf30dbe251a5c2.png',
    fileType: {
      code: 'IMAGE',
      desc: '图片'
    },
    suffix: 'png',
    sourceName: 'merchant',
    bizType: {
      code: '3',
      desc: '系统图标'
    },
    createTime: '2024-06-27 14:46:01'
  },
  {
    id: '1806217401569456128',
    url: 'excel/20240627/2ff1e35459984de682b3d6763c0cb1c8.png',
    fileType: {
      code: 'IMAGE',
      desc: '图片'
    },
    suffix: 'png',
    sourceName: 'merchant',
    bizType: {
      code: '3',
      desc: '系统图标'
    },
    createTime: '2024-06-27 14:46:01'
  },
  {
    id: '1806217401410072576',
    url: 'excel/20240627/93a9e00f05f44050a05c5f740a9adcb6.png',
    fileType: {
      code: 'IMAGE',
      desc: '图片'
    },
    suffix: 'png',
    sourceName: 'merchant',
    bizType: {
      code: '3',
      desc: '系统图标'
    },
    createTime: '2024-06-27 14:46:01'
  },
  {
    id: '1806217397551312896',
    url: 'excel/20240627/470d1aecd4b042e8ab808e106bd1f081.png',
    fileType: {
      code: 'IMAGE',
      desc: '图片'
    },
    suffix: 'png',
    sourceName: 'merchant',
    bizType: {
      code: '3',
      desc: '系统图标'
    },
    createTime: '2024-06-27 14:46:00'
  },
  {
    id: '1806217397622616064',
    url: 'excel/20240627/2cc9a4e5328f43fb958d407ed104e560.png',
    fileType: {
      code: 'IMAGE',
      desc: '图片'
    },
    suffix: 'png',
    sourceName: 'merchant',
    bizType: {
      code: '3',
      desc: '系统图标'
    },
    createTime: '2024-06-27 14:46:00'
  },
  {
    id: '1806217394145538048',
    url: 'excel/20240627/64f050f3110c4d25a3af981a2a852df2.png',
    fileType: {
      code: 'IMAGE',
      desc: '图片'
    },
    suffix: 'png',
    sourceName: 'merchant',
    bizType: {
      code: '3',
      desc: '系统图标'
    },
    createTime: '2024-06-27 14:45:59'
  },
  {
    id: '1806217396196552704',
    url: 'excel/20240627/6622a6a424d64c7ca1730c769c7d9092.png',
    fileType: {
      code: 'IMAGE',
      desc: '图片'
    },
    suffix: 'png',
    sourceName: 'merchant',
    bizType: {
      code: '3',
      desc: '系统图标'
    },
    createTime: '2024-06-27 14:45:59'
  }
];
const columns = ref([
  { type: 'seq' },
  { title: 'icon', field: 'url', type: 'image' },
  { title: 'name', field: 'sourceName' },
  { title: 'type', field: 'bizType.desc' }
]);
const query = ({ page }) => {
  console.log('page:', page);
  return Promise.resolve({
    pageInfo: { total: data.length, size: 10, page: page },
    data: data.slice((page - 1) * 10, page * 10)
  });
};
const pagerConfig = reactive({
  pageSize: 10
});
</script>
